<script lang="ts" setup>
import { marked } from 'marked';
import { ref } from 'vue';

const el = ref();

defineExpose({
  render: (data) => (el.value.innerHTML = marked.parse(data)),
});
</script>

<template>
  <div class="markdown-body" ref="el"></div>
</template>
